<div [ngStyle]="{'height':screenheight+'px','width':screenWidth+'px','overflow-y':'auto'}" class="col-md-12">
    <div class="form-group">
        <label>配置教师课表</label>
        <div>
            <input [(ngModel)]="bean.name" class="form-control" placeholder="教师名称">
        </div>

    </div>
    <nb-card>
        <nb-tabset (changeTab)="changeTab($event)">
            <nb-tab tabTitle="配置无排课课时" tabId="1">
                <div class="row show-grid">
                    <div class="col-md-12">
                        <div class="form-group">
                            <table>
                                <tr>
                                    <td>星期一:</td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_11']">第1节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_21']">第2节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_31']">第3节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_41']">第4节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_51']">第5节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_61']">第6节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_71']">第7节</nb-checkbox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>星期二:</td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_12']">第1节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_22']">第2节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_32']">第3节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_42']">第4节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_52']">第5节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_62']">第6节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_72']">第7节</nb-checkbox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>星期三:</td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_13']">第1节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_23']">第2节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_33']">第3节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_43']">第4节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_53']">第5节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_63']">第6节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_73']">第7节</nb-checkbox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>星期四:</td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_14']">第1节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_24']">第2节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_34']">第3节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_44']">第4节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_54']">第5节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_64']">第6节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_74']">第7节</nb-checkbox>
                                    </td>
                                </tr>
                                <tr>
                                    <td>星期五:</td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_15']">第1节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_25']">第2节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_35']">第3节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_45']">第4节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_55']">第5节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_65']">第6节</nb-checkbox>
                                    </td>
                                    <td>
                                        <nb-checkbox [(ngModel)]="weekDay['key_75']">第7节</nb-checkbox>
                                    </td>
                                </tr>
                            </table>
                        </div>

                    </div>
                </div>
            </nb-tab>
            <nb-tab tabTitle="选择科目" tabId="2">
                <div class="col-md-12">
                    <div class="form-group">
                        <label>选择科目</label>
                        <div class="row show-grid">
                            <nb-checkbox class="col-md-4" [(ngModel)]="CheckCourseList['key_'+item.id]"
                                *ngFor="let item of CourseList;let i = index"
                                style="margin-right: 20px;max-width: 180px;">
                                {{item.name}}
                            </nb-checkbox>
                        </div>
                    </div>
                </div>
            </nb-tab>
            <nb-tab tabTitle="详细配置科目" tabId="3">
                <ng2-smart-table [settings]="settings" [source]="source" *ngIf="LoadSetting">
                </ng2-smart-table>
            </nb-tab>
        </nb-tabset>
    </nb-card>
</div>

<div class="modal-footer">
    <button type="button" *ngFor="let item of buttons" nbButton (click)="ButtonClick(item.click)">{{item.name}}</button>
</div>